
<!--分页查询共用的页面-->
<%@ include file="/common/paginateUtil.jsp"%>

<%@ include file="/common/dateUtil.jsp"%>
  <%@ page language="java" pageEncoding="UTF-8"%>

	<style>
        select {
			width:80px;
	    }
		.vpic
		{
			height:150px;
		}
	</style>
</head>

		<script type="text/javascript" charset="utf-8">
				 var picturePath = "<%=ApplicationPath%>/vehiclePicture/";
			//格式化输出图片列			
			function getPicColumn(value, rowData, rowIndex)
			{  		
					       var fileName = rowData.fileName;
						   var filePath = picturePath + fileName;
						   //alert(entityId);
						   
							var html =  "<img class=vpic src='" +filePath+"';\"/>";
							if(fileName == undefined){
							   html = '';
						   }
							//alert(html);
						   return html;
			}

                 //点击链接编辑图片描述
                 function getEditActionColumn(value, rowData, rowIndex)
                 {
                     var entityId = rowData.mediaItemId;
                     var html =  "<a href=\"javascript:InfoWindow.viewMediaItemRemark('" + entityId+ "');\">" + value + " </a>";
                     return html;

                 }
			

			$(document).ready(function() {
				   var now = Utility.today(1);
				  $("#endDate").val(now + " 23:59:00");
				  var now = Utility.today();
				  $("#startDate").val(now + " 00:00:00");
				  
				//创建下拉部门树
				Utility.createDepTree("depId");

                 $("#alarmType").lookup({category:"alarmType"});
				$("#btnQuery").click(function(){
				        Utility.loadGridWithParams();
				});
				Utility.loadGridWithParams();
			} );
		</script>
<body>		
			<div id="toolbar">
			<form id="queryForm" action="<%=ApplicationPath%>/report/paginate.action">
			   <input type="hidden" name="queryId" value="report.selectVehiclePictures" />			   
			   <input type="hidden" name="fileName" value="历史拍照记录" />	    
			   <input type="hidden" name="codeFormat" value="0" />		 <!-- 0代表照片,只查询照片-->  
			  <table width="100%"  class="TableBlock">
			   			   <tr>
						    <td> 车牌号码 </td>
					<td>			   
					<input type="text" id="plateNo" name="plateNo" > 
					</td>
				   <td> 车组名称 </td>
					<td>			   
				<select id="depId" name="depId" style="width:200px;"></select>
               </td>
				<td>sim卡号</td>
			   <td> 	<input type="text" id="simNo" name="simNo" > </td>
			   
            </tr>
				<tr>
						
						<td align="right">开始时间
							:</td>
						<td>
      <input type="text" name="startDate" id="startDate" class="datetimepicker"></input>
						</td>
						<td>结束时间:</td>
						<td align="left">
							  <input type="text" name="endDate"  id="endDate"  class="datetimepicker"></input>
						</td>
				
        <td colspan="2" align="left">
		 <a id="btnQuery" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'" >查询</a>&nbsp;
		   <a id="btnReset" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-clear'" >重置</a>&nbsp;
		   <a id="btnExport" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-excel'" onclick="Utility.excelExport('<%=ApplicationPath%>/export.action');">导出</a><!--调用utility.js-->

        </td>
    </tr>
		</table>
		</form>	 
		
  </div>
			<table id="queryGrid" class="easyui-datagrid" title="" style="width:100%;"
						data-options="pagination:true,pageSize:15,singleSelect:true,rownumbers:true,striped:true,fitColumns: true,
						pageList: [15, 20, 50, 100, 150, 200],fit:true,toolbar:'#toolbar',
						url:'<%=ApplicationPath%>/report/paginate.action',method:'get'">
					<thead>
						<tr>
								<th data-options="field:'plateNo1',formatter:getEditActionColumn"   width="10%">车牌号</th>
								<th data-options="field:'plateColor'"   width="6%">车牌颜色</th>
							<th data-options="field:'channelId'"   width="6%">通道号</th>
								<th data-options="field:'sendTime'"   width="12%">拍照时间</th>
								<th data-options="field:'location'"   width="28%">地点</th>
								<th data-options="field:'speed'"   width="5%">速度(km/h)</th>
								<th data-options="field:'depName'"   width="10%">车组</th>
								<th data-options="field:'fileName',formatter:getPicColumn"   width="20%">图片</th>
						</tr>
					</thead>				
				</table>

</body>

